<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>Court</title>
        <!-- link rel="icon" type="image/png" href="images/icon-128.png"-->
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" type="text/css" href="style/style.css">
    </head>
    <body>
    <div id="sets">
        <div class="row row2" id="playerA">
            <div class="set"></div>
            <div class="set"></div>
            <div class="set"></div>
            <div class="set"></div>
            <div class="set"></div>
        </div>
        <div class="row row2" id="playerB">
            <div class="set"></div>
            <div class="set"></div>
            <div class="set"></div>
            <div class="set"></div>
            <div class="set"></div>
        </div>
    </div>
    <div id="options">
        <div class="row row1">
            <select name="type">
                <option value="2">2 Sets</option>
                <option value="3">3 Sets</option>
            </select>
            <button id="undo">Undo</button>
            <button id="reset">Reset</button>
        </div>
    </div>
    <div id="game">
        <div class="row row2">
            <button data-player="A"></button>
        </div>
        <div class="row row2">
            <button data-player="B"></button>
        </div>
    </div>
    <script type="text/javascript" src="js/app.js" defer></script>
    </body>
</html>
